<?php $elementName = $name.$pos; ?>

<div id="<?=$elementName;?>" <?php if($pos > 0 && (!isset($value) || $value == NULL)) echo "style='display: none;'"?>>

<?= $field;?>
<input type="text" id="valor_<?=$elementName;?>" name="valor_<?=$elementName;?>" value="<?php echo !($pos > 0 && (!isset($value) || $value == NULL))? "true":"false"; ?>" />

</div>


<!--Modelar correctamente.... otra idea es no hacerlo con javascript y hacerlo enviando nuevamente el form, 
y hacer que si un campo es repetido y tiene valor, mostrar el siguiente campo si no supera el max...-->
<div id="opt_<?=$elementName;?>" <?php if(!($pos > 0 && (!isset($value) || $value == NULL))) echo "style='display: none;'"?>>
	<?php if($pos!=$max):?>
	<a href="#" id="activar_<?=$name.$pos?>">Añadir</a>
	<?php endif;?>
	
	<?php if($pos!=$max && ($pos > 0)):?>
	|
	<?php endif;?>
	
	<?php if($pos > 0):?>
	<a href="#" id="eliminar_<?=$name.$pos?>">Eliminar</a>
	<?php endif;?>

</div>


<script type="text/javascript">
$(document).ready(function(){
	$("#activar_<?=$elementName?>").click(function(){
		$("#opt_<?=$elementName;?>").hide();
		$("#<?=$name.($pos+1);?>").show();
		$("#opt_<?=$name.($pos+1);?>").show();
		$("#valor_<?=$name.($pos+1);?>").val("true");

		return false;
	});

	$("#eliminar_<?=$elementName?>").click(function(){
		$("#opt_<?=$name.($pos-1);?>").show();
		$("#<?=$elementName;?>").hide();
		$("#opt_<?=$elementName;?>").hide();
		$("#valor_<?=$elementName;?>").val("false");
		
		return false;
	});
});
</script>